/**
 * 系统的主菜单条，根据MainModel中的数据来生成，可以切换至按钮菜单，菜单树
 */
Ext.define('app.view.main.menu.MainMenuToolbar', {

	extend : 'Ext.toolbar.Toolbar',

	alias : 'widget.mainmenutoolbar',

	defaults : {
		xtype : 'buttontransparent'
	},

	items : [{
		glyph : 0xf100,
		disableMouseOver : true,
		margin : '0 -5 0 0',
		handler: 'showLeftMenuRegion',
		tooltip : {
        	title: '在左边栏中显示树状菜单',
        	width: 160,
        	style: {
                backgroundColor:'#000000'
            }
        }
	}, {
		glyph : 0xf102,
		disableMouseOver : true,
		handler: 'showButtonMenu',
		tooltip : {
        	title: '在顶部区域显示菜单',
        	width: 140,
        	style: {
                backgroundColor:'#000000'
            }
        }
	}],

	initComponent : function() {
		// 把ViewModel中生成的菜单items加到此toolbar的items中
		this.items = this.items.concat(this.up('app-main').getViewModel().getMenus());

		this.callParent();
	}
});